/* CSS Reset */

html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
/* CSS Grid */

/*

for centered layout
body or wrapper div add class of .main
.main {  margin:0 auto; width:85%;}

*/

.dp20,
.dp25,
.dp33,
.dp50,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

/* dp = div percet */

.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp100{width:100%;}
.clear{ clear:both;}

/* begin layout */

body{
width: 100%;
background: #ff0000;
display: none;
}

#topo-bg {
width: 100%;
background: url(images/bg-muld.png);
height: 240px;
}

	#topo {
	width: 80%;
	background: none;
	height: 240px;
	margin: 0 auto;
	position:relative;
	}
	
		#topo-logo {
		background: url(images/logo-muld.png) no-repeat;
		width: 36%;
		height: 205px;
		float:left;
		margin-top:20px;
		}
			
			#topo-linha {
			background: black;
			width: 89%;
			height: 3px;
			top: 105px;
			left: 104px;
			position: absolute;
			}
			
			#navegacao {
			width:170px;
			float:right;
			margin-right: 16px;
			}
			
			#caixa{
			position: relative;
			width: 170px;
			float: right;
			margin-top: 74px;
			margin-right: 0px;
			margin-bottom: 45px;
			}
			
				#topo  #caixa #url {
				border: solid 1px #91151b;
				background:#f5f5f5;
				width: 140px;
				height: 22px;
				padding-left: 30px;
				font-family:headland one;
				font-size:14px;
				}
				
				#lupa {
				background:url(images/lupa-muld.png)no-repeat;
				width: 22px;
				height: 22px;
				border: none !important;
				text-indent: -9000px;
				cursor: pointer;
				position:absolute;
				margin-left:2px;
				margin-top:2px;
				}
				
				#menu-topo {
				clear:right;
				width:170px;
				height: 16px;
				margin-top:100px;
				font-family:headland one;
				font-size:14px;
				}
				
				#inicio {
				float:left;
				border:2px solid #91151b;
				color:#91151b;
				background:#f5f5f5;
				padding:3px;
				width: 66px;
				text-align: center;
				}
				
				#inicio:hover {
				color:#f5f5f5;
				background:#91151b;
				}
				
				#contato {
				margin-left:84px;
				border:2px solid #91151b;
				color:#91151b;
				background:#f5f5f5;
				padding:3px;
				width:76px;
				text-align: center;
				}
				
				#contato:hover {
				color:#f5f5f5;
				background:#91151b;
				}
				
				#quem-somos {
				border:2px solid #91151b;
				color:#f5f5f5;
				background:#91151b;
				padding:3px;
				width: 160px;
				text-align: center;
				margin-top:5px;
				}
				
				#quem-somos:hover {
				color:#91151b;
				background:#f5f5f5;
				}

#wrapper{
	width: 80%;
	margin: 0 auto;
}

	#superior {
	width: 100%;
	height: 390px;
	background: #f5f5f5;
	}

	#widget-dir {
	float: left;
	width: 20%;
	margin-top: 35px;
	border-right: 1px solid #90151b;
	
	}
	
	#widget-esq {
		float: left;
		width:18%;
		margin-top: 35px;
		margin-left: 10px;
		border-left: 1px solid #90151b;
		padding-left:5px;
	    }
	
	#widget-esq  h1 {
		font-family: quantico;
		font-size: 18px;
		color: #90151b;
	    }
		
	#widget-esq p {
		font-family: headland one ! important;
		font-size: 12px ! important;
		margin-top: 15px ! important;
		line-height: 15px ! important;
		padding-right: 10px ! important;
		float: left ! important;
		width: 100% ! important;
	    }
	
	#widget-esq .imagem{
	float: left;
	margin: 10px;
	}
	
		#widget {
		font-family: quantico;
		font-size: 18px;
		color: #90151B;
		margin-left: 12px;
		}
		
		#blogger {
		float: left;
		width: 80px;
		height: 80px;
		margin: 5px;
		margin-left: 12px;
		}
		
			.img {
			width: 75px;
			height: 75px;
			float: left;
			}
		
			.name {
			width: 73px;
			border: 1px solid #90151b;
			font-family: quantico;
			font-size: 10px;
			color: #90151B;
			float: left;
			}
			
		#tags {
		font-family: headland one;
		color: #90151b;
		margin: 10px;
		float: left;
		}
		
		#post {
		width: 60%;
		margin-top: 35px;
		margin-left: 10px;
		float: left;
		}
		
		#post h1 {
		font-family: quantico;
		font-size: 24px;
		color: #90151b;
		}
		
		#post  p {
		font-family: headland one;
		font-size: 12px;
		margin-top: 15px;
		line-height: 15px;
		padding-right: 10px;
		border-right: 1px solid #90151b;
		float: left;
		}
		
		.assinatura {
		font-family: headland one;
		font-size: 14px;
		float: right;
		margin-top: 250px;
		margin-right: 35px;
		}
		
		#post .assinatura .data {
		font-size: 12px;
		margin-left: 47px;
		}
	
	#inferior {
	width: 100%;
	background: #f5f5f5;
	padding-bottom: 40px;
	margin: 0 auto;
	float: left;
	}
	
	#noticias {
	width: 80%;
	float: left;
	}
	
	#post2 {
	float: left;
	}
	
		#post2 p {
		width: 78% ! important;
		}
	
	#resumo-post {
	float:left;
	}
	
		.post3{
		float:left;
		width:29%;
		margin-top:30px;
		margin-bottom:30px;
		margin-left:10px;
		}
		
		.post3 h1 {
		font-family: quantico;
		font-size: 11px;
		color: #90151b;
		width:80%;
		}
		
		#resumo-post .post3  p {
		font-family: headland one;
		font-size: 11px;
		margin-top:10px;
		width:80%;
		}
		
		
		
			#inferior h1 {
			font-family: quantico;
			font-size: 17px;
			color: #90151b;
			float: left;
			margin-top: 25px;
			margin-left: 10px;
			}
			
			#inferior p {
			font-family: headland one ! important;
			width:80%;
			font-size: 12px;
			color: #000;
			margin-top: 20px;
			margin-left: 10px;
			margin-right: 15px;
			float: left;
			line-height: 15px;
			}
			
			
				#inferior .assin {
				width: 230px;
				height: 20px;
				background: #90151b;
				float: left;
				border-top: 1px solid #000;
				margin-left: 10px;
				margin-top: 15px;
				}
				
				.assin2 { 
				width: 220px;
				height: 20px;
				background: #90151b;
				float: left;
				border-top: 1px solid #000;
				margin-top: 10px;
				}
				
	
					.font {
					font-family: headland one ! important;
					font-size: 8px;
					color: #f5f5f5;
					margin-top: 5px;
					margin-left: 14px;
					float: left;
					}
					
				#ult-post {
				width: 230px;
				
				}
	
#footer-bg {
width: 100%;
height: 200px;
background: url(images/bg-muld.png);
}

#footer{
	width: 80%;
	height: 200px;
	margin: 0 auto;
}

	#footer-logo {
	width:80px;
	height: 148px;
	float:left;
	background: url(images/logo-footer.png) no-repeat;
	margin-top:30px;	
	}
	
	#sobre-footer {
	width:55%;
	float:left;
	margin-top:20px;
	}
	
	#sobre-footer h2 {
		font-family: quantico;
		font-size: 24px;
		color: #90151b;
		width: 120px;
		}
		
	#sobre-footer  p {
			font-family: headlandone;
			font-size: 12px;
			margin-top: 8px;
			line-height: 15px;
			padding-right: 10px;
			float: left;		
		}	
		
		
	#parceiros {
		float:left;
		margin-top:20px;
		width:25%;
		}
		
	#parceiros h3 {
		font-family: quantico;
		font-size: 20px;
		color: #90151b;
		width: 20px;
		}	
		
	.parceiros {
		width:100px;
		height:70px;
		background:#000;
		float:left;
		margin:3px;
	}
	
		.parceiros {
		width:100px;
		height:58px;
		float:left;
	}		
	
	.parceiros a{
		width:100%;
		height:100%;
	}
		#parceiro1 {
			background: url(../images/ufmg.png);
		}		
		#parceiro2 {
			margin-left: 30px;
			background: url(../images/redigir.png);
		}
		
		#parceiro3 {
			width: 143px;
			background: url(../images/tl.png);
		}
	
	/* ########### SECUNDARIA ############### */

	#secundaria {
		background: #f5f5f5;
		float: left;
	}
	
	#postagens-plus {
		float: left;
	}	
	
	#postagens-plus h1 {
		font-size: 18px;
		margin-left:10px;
		margin-top:14px;
		margin-bottom: 14px;
		font-family: quantico;
		color: #90151b;
		float: left;
	}

		
	#postagens-plus p {
		font-family: headland one ! important;
		font-size: 12px;
		color: #000;
		margin-left: 10px;
		margin-top: 14px;
		line-height: 15px;
		float: left;
		}
	
	#conteudo-texto {
		float: left;
		width: 79%;
		}
	
	#conteudo-texto h1{ 
		font-size: 18px;
		margin-bottom: 10px;
		font-family: quantico;
		color: #90151b;
		margin-top: 35px;
		margin-left: 10px;
		}
	
	#conteudo-texto p{
		font-family: headland one ! important;
		font-size: 12px;
		color: #000;
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 15px;
		line-height: 15px;
		}
		
		#galeria {
			margin-top: 55px;
			margin-left: 10px;
			background: #AFA7A7;
			float: left;
			width: 50%;
			height: 171px;
		}
	
		.assinado {
		font-family: headland one;
		font-size: 14px;
		float: right;
		margin-top: 250px;
		}
		
		.date {
		font-size: 12px;
		margin-left: 47px;
		}
	
#redes-sociais {
	float: right;
	margin-top: 10px;
	}
	
	#redes-sociais .facebook {
	width: 50px;
	height: 30px;
	background: #4366a9;
	float: right;
	margin-right: 10px;
	}
	
	#redes-sociais .googleplus {
	width: 50px;
	height: 30px;
	background: #c30907;
	float: right;
	margin-right: 10px;
	}
	
	#redes-sociais .twitter {
	width: 50px;
	height: 30px;
	background: #17c5f7;
	float: right;
	}
	
	#comentarios {
		margin-top: 31px;
		margin-left: 10px;
		margin-bottom: 15px;
		height: 300px; /* valores temporarios */
		width: 100%; /* valores temporarios */
		background: #ff0000; /* valores temporarios */
		float: left;
	}	

		